import React from 'react'
import { NavBar} from "antd-mobile";
import { useNavigate } from 'react-router-dom';
import { Tabs } from 'antd-mobile'
import OrderAll from "./allOrders/OrderAll"
import HaveBeenSigned from './allOrders/HaveBeenSigned';
import OrderRate from './allOrders/OrderRate';
import AfterSale from './allOrders/AfterSale';
export default function AllOrders() {
    const navigate = useNavigate()
    const back = () => {
        navigate(-1);
      };
  return (
    <>
     <NavBar style={{backgroundColor:"#2ED8C4",color:'white'}} onBack={back}>全部订单</NavBar>
     <Tabs>
          <Tabs.Tab title='全部' key='all'>
            <OrderAll></OrderAll>
          </Tabs.Tab>
          <Tabs.Tab title='已签收' key='haveBeenSigned'>
            <HaveBeenSigned></HaveBeenSigned>
          </Tabs.Tab>
          <Tabs.Tab title='订单评价' key='OrderRate'>
          <OrderRate></OrderRate>
          </Tabs.Tab>
          <Tabs.Tab title='申请售后' key='afterSale'>
          <AfterSale></AfterSale>
          </Tabs.Tab>
        </Tabs>
    </>
  )
}
